<template>
  <div>
    <NavBar @addTimeSlot="timeRangeInputDialogRef.openDialog()" />
    <TimeRangeInputDialog ref="timeRangeInputDialogRef" />
    <TimeRangesTable />
  </div>
</template>

<script setup>
import TimeRangeInputDialog from "./TimeRangeInputDialog.vue";
import TimeRangesTable from "./TimeRangesTable.vue";
import NavBar from "./NavBar.vue";

const timeRangeInputDialogRef = ref(null);
</script>
